<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浏览器的常见事件</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        html, body{
            height: 200vh;
        }
    </style>
</head>
<body>
    <script>
        // 1. 页面加载完成事件
        window.onload = function() {
            console.log("页面加载完成！");
        };

        // 3. 窗口大小改变事件
        window.onresize = function() {
            console.log("窗口大小改变了！");
        };

        window.onscroll = function() {
            console.log("页面滚动了！");
        };

        // 4. 鼠标点击事件
        document.onclick = function(event) {
            console.log("鼠标点击了页面！", event);
        };
    </script>
</body>
</html>